﻿
<div class="fieldset">
    <div class="legend"><span >Filter</span></div>
    <div class="row-fluid">
     <form id="frSearchPendingInvoice">
        <div class="span4">
            <div class="row-fluid">
                <div class="span4">PORef:</div>
                <div class="span7"><input type="text" class="input-block-level" name="PORef"id="PORef"/></div>
                <div class="span1"><button type="button" class="btn btn-primary" onclick="FilterByPORef($('#PORef').val())">GO</button></div>
            </div>
            <div class="row-fluid">
                <div class="span4">Trade OrderRef:</div>
                <div class="span7"><input type="text" class="input-block-level" name="TradeOrderRef"id="TradeOrderRef"/></div>
                <div class="span1"><button type="button" class="btn btn-primary" onclick="FilterByTradeOrderRef($('#TradeOrderRef').val())">GO</button></div>
            </div>
        </div>
       
        <div class="span4">
            <div class="row-fluid">
                  <div class="span1"></div>
                <div class="span3">   From:</div>
                <div class="span8">
                    <div id="datetimepicker2" class="input-append input-block-level">
                        <input data-format="MM/dd/yyyy" type="text" name="dateFrom" placeholder="From" value="@DateTime.Now.AddDays(-7).ToString("MM/dd/yyyy")"style="width: 76%">
                        <span class="add-on">
                            <i data-time-icon="icon-time" data-date-icon="icon-calendar" class="icon-calendar"></i>
                        </span>
                    </div>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span1"></div>
                <div class="span3">   To:</div>
                <div class="span8">
                    <div id="datetimepicker3" class="input-append input-block-level">
                        <input data-format="MM/dd/yyyy" type="text" name="dateTo" placeholder="From" value="@DateTime.Now.ToString("MM/dd/yyyy")" style="width: 76%">
                        <span class="add-on">
                            <i data-time-icon="icon-time" data-date-icon="icon-calendar" class="icon-calendar"></i>
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="span4">
            <div class="row-fluid">
                <div class="span4">Trade Customer: </div>
                <div class="span8">@Html.DropDownList("TradeAccNumber",null,new{@class="input-block-level", @onchange="$('#frSearchPendingInvoice').submit()"})</div>
            </div>
            <div class="row-fluid">
                <button type="submit" class="btn btn-primary">Search</button>
                                   <div class="" style="float: right">
                <button  type="submit" class="btn"><i class="icon-refresh"></i></button>
                <a class="btn" style="padding: 0 ;max-height: 30px" onclick="ExportCSVWithHead($('#tbPendingInvoiceOrder'),'PendingInvoiceOrders.csv',$('#tbPendingInvoiceOrderhead'))">
                    <img src="/img/icon-exel.png" style="max-height: 30px">
                </a>
            </div>
            </div>

        </div>
        </form>
    </div>
</div>
<div class="fieldset">
    <div class="legend"><span >Filter Results</span></div>
    <div id="FilterPendingInvoiceResult" class="row-fluid">
    </div>
</div>
<div class="fieldset">
    <div class="legend"><span >Action</span></div>
    <div class="row-fluid"><div style="float: right">
        <button type="button" class="btn btn-success" id="btnConfirmOrder"onclick="$('#isCancel').val(0); $('#frConfirmPendingOrder').submit();">Confirm Orders</button>
        <button type="button" class="btn btn-danger" id="btnCancelOrder" onclick="$('#isCancel').val(1); $('#frConfirmPendingOrder').submit();">Cancel Orders</button>
    </div></div>
</div>
